@import url("common.css");
/*************兑换流程*****************/

/******我要兑换*******/
.exchange-wrap  {
    padding: 18px 0 10px 0;

}
.focus {
    float: left;
    border: 1px solid #ccc;
    width: 727px;
    height: 270px;
    position: relative;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
    width:727px;
    overflow:hidden;
    position:relative;
    display:none;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container a {
    width:727px;
    height:270px;
    display:block;
}
.pagination {
    overflow: hidden;
    zoom:1;
    position: absolute;
    bottom:13px;
    right: 17px;
    z-index: 100;
}
.pagination li {
    float: left;
    padding: 0 0 0 11px;
}

.pagination a {
    display: block;
    background: url("../img/slide-nor.png");
    width: 14px;
    height: 14px;
    text-indent:-9999px;
}
.pagination .current a{
    background: url("../img/slide-cur.png");
}
.credits {
    float: right;
    width: 228px;
    height: 270px;
    border: 1px solid #ccc;
    padding: 0 8px;
}
.credits .credits-in {
    height: 109px;
    border-bottom:1px solid #ccc;
    position: relative;
}
.credits-icon {
    position: absolute;
    top: 38px;
    left: 11px;
    display: block;
    background: url("../img/credits-icon1.png") no-repeat;
    width: 43px;
    height: 46px;
}
.credits-icon2 {
    position: absolute;
    top: 38px;
    left: 11px;
    display: block;
    background: url("../img/credits-icon2.png") no-repeat;
    width: 43px;
    height: 46px;
}
.credits-in div {
   padding: 26px 0 0 72px;
}
.credits-in div a {
    font-size: 16px;
    color: #ff6600;
    font-weight: bold;
}
.credits-in div p {
    line-height: 16px;
    padding: 8px 0 0 0;
    color: #666;
}
.credits-nb {
    font-size: 16px;
    color: #ff6600;
    font-weight: bold;
    padding: 15px 0 0 16px;
}

.catalog-bd {
    padding: 20px 0 0 0;
 }

.catalog-item {
    float: left;
    width: 197px;
    height: 302px;
    border: 1px solid #ccc;
    margin:0 20px 20px 0;
    padding: 0 18px 0 18px;
    display: inline;
    background-color: #f5f5f5;

}
.catalog-item:hover {
    border: 1px solid #ff3300;
}
.no-margin {
    margin: 0;;
}
.cl-title {
    line-height: 18px;
    font-weight: bold;
    height: 46px;
    padding: 10px 0 0 0;
}
.cl-img {
    border: 1px solid #ccc;
    width: 193px;
    height: 142px;
    padding: 1px;
    background-color: #fff;
}
.cl-info {
    height: 32px;
    padding: 14px 0 0 2px;
    overflow: hidden;
    zoom: 1;
}
.cl-nb {
    display: block;
    font-size: 14px;
    color: #ff6600;
    width: 125px;
    float: left;
}
.cl-last {
    float: right;
    padding: 1px 6px 0 0;
    color: #666;
}
.cl-sub a {
    display: block;
    width: 102px;
    height: 38px;
    background: url("../img/ex-bg.png");
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.cl-sub a:hover {
    color: #fff !important;
}

/*******餐饮美食********/

.product-filter {
  border: 1px solid #dedede;
}
.filter-hd {
    height: 36px;

    border-bottom: 1px solid #dedede;
    background-color: #f5f5f5;
    position: relative;
}
.filter-hd p {
    padding: 0 0 0 8px;
    line-height: 36px;
}
.select-sort {
    position: absolute;
    right: 10px;
    top:10px;
}
.filter-bd {
    padding: 10px 0 14px 0;
}
.filter-warp {
    padding: 10px 0 0 8px;
    overflow: hidden;
    zoom: 1;
}
.fw-tit {
    width: 36px;
    float: left;
    color: #ff3300;
}
.fw-type {
    float: left;
    width: 953px;
}
.fw-type a {
    float: left;
    margin: 0 32px 15px 0;
    display: inline;
    color: #333;
}
.product-main {
    padding: 16px 0 0 0;
}
.product-item {
    border: 1px solid #e0e0e0;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 18px;
}
.product-item:hover {
    border: 2px solid #ff6600;
    margin-top: -2px;
    margin-left: -2px;
}
.product-hover {

}
.pi-left {
    float: left;
    padding: 16px 0 15px 17px;
}
.pi-cover {
    float: left;
    border: 1px solid #e0e0e0;
    padding: 2px;
    width: 156px;
    height: 126px;
}
.pi-con {
    margin: 0 0 0 181px;
    width: 434px;
}
.pi-con h3 {
    padding: 0 0 8px 0;
}
.a-tit {
    font-weight: bold;
    font-size: 16px;
    color: #ff3300;
    float: left;
    margin: 0 10px 0 0;
    display: inline;
}
.a-keep {
    float: left;
    display: block;
    background: url("../img/food-bt3.png");
    width: 42px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #fff;
}
.a-keep:hover {
    color: #fff !important;
}
.pi-tip {
    font-size: 14px;
    line-height: 23px;
    padding: 0 0 10px 0;
}
.pi-data {
    padding: 0 0 8px 0;
}

.pi-right {
    float: right;
    padding: 36px 30px 0 0;
}
.pi-right a {
    display: block;
    width: 146px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-bottom: 16px;
}
.pi-right a:hover {
    color: #fff !important;
}
.a-link {
    background: url("../img/food-bt1.png");
}
.a-tkt {
    background: url("../img/food-bt2.png");
}
.pi-botton {
    padding: 20px 0 20px 450px;
}
.page-big {
    overflow: hidden;
    zoom: 1;
    font-size: 14px;
}
.page-big a {
    float: left;
    padding: 0px 11px;
    height: 30px;
    line-height: 30px;
    background: url("../img/page-bg.png") repeat-x;
    margin: 0 4px;
    display: inline;
    border: 1px solid #c1c1c1;
    color: #333;
}
.page-big .act {
    float: left;
    padding: 0px 11px;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
    display: inline;
    border: 1px solid #fe8101;
    text-decoration: none;
    background: #ffa405;
    color: #fff;
}
.page-big .ellipsis {
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
    display: inline;
}

/********立即兑换********/
.exchange-now {
   padding: 0 0 30px 0;
}
.en-table {
    width: 100%;
}
.en-table th {
    background-color: #e9e9e9;
    border:1px solid #dadada ;
    border-top:0 none;
    height: 37px;
}
.en-table td {
    border:1px solid #dadada ;
    height: 131px;
    text-align: center;
}
.en-table .en-td {
    text-align: left;
    padding: 0 0 0 24px;
}
.en-table .en-name {
    width: 419px;
}
.en-product .en-cover {
    width: 115px;
    height: 81px;
    display: block;
    border: 1px solid #dadada;
    padding: 1px;
    float: left;
}
.en-product p {
    line-height: 21px;
    color: #ff3300;
    font-size: 14px;
    padding: 16px 0 0 142px;
}
.en-oper {
    text-align: center;
}
.en-oper * {
    vertical-align: middle;

}
.en-button-side {
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    width: 19px;
    height: 19px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
}
.en-text-num {
    width: 91px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #afafaf;
    text-align: center;
    font-weight: bold;
}
.en-money {
    font-size: 14px;
    color: #ff3300;
    font-weight: bold;
}
.en-table .en-td-ft {
    text-align: left;
    height: 114px;
    vertical-align: top;
    padding: 0 0 0 25px;
}
.en-tel {
    padding: 25px 0 17px 0;
}
.en-tel * {
    vertical-align: middle;
}
.en-text-tel {
    width: 147px;
    height: 31px;
    border: 1px solid #afafaf;
}
.en-submit {
   overflow: hidden;
    zoom:1;
    padding: 28px 39px 0 0;
}
.en-submit a {
    display: block;
    background: url("../img/pay-button.png");
    width: 137px;
    height: 46px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    float: right;
    font-size: 14px;
}
.en-submit a:hover {
    color: #fff !important;
}

/****优惠劵详情*****/
.tkt-detail {
    border: 1px solid #dedede;
    overflow: hidden;
    zoom:1;
}
.detail-left {
    float: left;
    width: 759px;
    border-right: 1px solid #dedede;
    padding: 17px 0 0 0;
}
.df-left {
    float: left;
    width: 228px;
    margin: 0 0 0 14px;
    display: inline;
}
.restaurant-info {
    width: 179px;

    border: 2px solid #ff3300;
    padding: 0 22px 5px 22px;
}
.restaurant-name {
    height: 49px;
    line-height: 46px;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    color: #ff3300;
}
.restaurant-cover {
    width: 144px;
    height: 110px;
    border: 1px solid #dedede;
    margin: 0 auto;
    overflow: hidden;
}
.restaurant-cover td {
    text-align: center;
}
.restaurant-add {
    line-height: 20px;
    padding: 15px 0 10px 0;
}
.restaurant-tel , .restaurant-site {
    padding:0 0 10px 0;

}
.restaurant-tip {
    padding: 15px 0 0 0;
}
.restaurant-tip p {
    line-height: 22px;
    padding: 5px 0 0 0;
    color: #666;
}

.df-center {

    float:left;
    margin:  0 0 0 12px;
    display: inline;

}
.df-center-cover {
    width: 248px;
    height: 408px;
    border: 1px solid #dedede;
    overflow: hidden;
}

.df-right {
    float: right;
    width: 246px;
}
.rest-summary {
    width: 225px;

    border: 1px solid #dedede;
}
.rest-summary p{
    padding: 14px 20px;
    font-size: 14px;
    line-height: 20px;
}
.df-right dl {
    padding: 0 0 0 4px;
}
.df-right dd {
    padding: 0 0 0 4px;
}
.df-right dt{
    padding: 13px 0;
}
.df-price dd {
    overflow: hidden;
    zoom:1;
    padding-bottom: 7px;
}
.df-price span {

    background: url("../img/p-b1.png");
    width: 63px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    color: #fff;
    display:inline-block;
    _zoom:1;
    *display:inline;
}
.df-type label {
    white-space:nowrap;
    display:inline-block;
    _zoom:1;
    *display:inline;
    width: 115px;
    margin: 0 0 13px 0;
}
.df-type * {
    vertical-align: middle;
}
.df-right .df-share {
    overflow: hidden;
    zoom:1;
    padding-top:17px;
}
.df-share dt ,.df-share dd{
    float: left;
}
.df-share dt{
    padding: 0;
}
.df-button input {
    background-image:url("../img/want-bg.png") ;
    height: 38px;
    width: 103px;
    border: 0 none;
    color: #fff;
    cursor: pointer;
     font-size: 14px;
}
.get-botton {
   background-position:  0 0;
}
.push-botton {
   background-position:  -118px 0;
}
.df-center p {
    text-align: center;
    padding: 15px 0;
    color: #666;
}

.detail-right {
    float: left;
    width: 237px;
}
.detail-right div{
     padding: 13px 0 0 0;
    text-align: center;
}
.box-modal-push {
    border: 4px solid #959595;
    position: absolute;
    top: 314px;
    left: 400px;
    z-index: 10000;
    width: 630px;
    height: 113px;
    background: #fff;
    font-size: 14px;
}
.modal-push-head {
    height: 30px;

    background: #ff7f00;
    position: relative;

}
.modal-push-head span {
    display: block;
    padding: 0 17px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}
.modal-push-head a  {
    position: absolute;
    top:8px;
    right: 10px;
    color: #fff;
    font-weight: bold;
}
.modal-push-head a:hover {
    color: #fff !important;
}
.push-link {
    padding: 26px 0 0 26px;
}
.push-button {
    background: url("../img/push-b.png");
    width: 79px;
    height: 31px;
    color: #fff;
    border: 0 none;
    cursor: pointer;
    font-size: 14px;
}
.box-modal-code {
    border: 3px dashed #333;
    position: absolute;
    top: 90px;
    left: 500px;
    z-index: 10000;
    width: 551px;

    background: #fff;
}
.bmc-swap {
    padding: 28px 25px 28px 25px;
}
.bmc-swap-hd {
   overflow: hidden;
    zoom:1;
    height: 101px;
}
.bmc-swap-hd .bmc-logo {
  float: left;
  width: 221px;
  padding: 0 0 0 12px;
}
.bmc-swap-hd .bmc-cover {
    float: left;
    width: 221px;
    text-align: center;
}
.bcd-l1 {
    overflow: hidden;
    zoom:1;
    padding: 15px 0 0 0;
}
.bcd-first  {
    float: left;
}
.bcd-code {
    width: 189px;
    height: 179px;
    border: 1px solid #dcdcdc;
    text-align: center;
}
.bcd-code p {
    padding: 11px 0 0 0;
}
.bcd-notice {
    float: right;
    width: 284px;
    height: 179px;
    border: 1px solid #dcdcdc;
}
.bcd-notice p {
    line-height: 24px;
    padding: 17px 19px;
}
.bmc-info {
    line-height: 24px;
}
.bmc-other {
    overflow: hidden;
    zoom:1
}
.se-tip {
  float: left;
    width: 281px;
    padding: 80px 0 0 0;
    font-size: 14px;
    color: #ff3300;
    text-align: right;
}
.bcd-second {
   float: right;
}
.bmc-close {
    background: url("../img/c-close.jpg");
    width: 33px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}